<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>管理员</title>
    <link rel="stylesheet" href="../layui/css/layui.css">
    <link rel="stylesheet" href="../static/css/adminCreate.css">
    <link rel="stylesheet" href="/static/css/bootstrap.min.css">
</head>

<body>
    <div class="layui-layout layui-layout-admin">
        <div class="layui-header">
            <div class="layui-logo layui-hide-xs layui-bg-black">欢迎</div>
            <!-- 头部区域（可配合layui 已有的水平导航） -->
            <ul class="layui-nav layui-layout-left">
                <!-- 移动端显示 -->
                <li class="layui-nav-item layui-show-xs-inline-block layui-hide-sm" lay-header-event="menuLeft">
                    <i class="layui-icon layui-icon-spread-left"></i>
                </li>

                <li class="layui-nav-item layui-hide-xs"><a href="/admin" onclick="">首页</a></li>
                <li class="layui-nav-item layui-hide-xs"><a href="/goAdminCreate" onclick="">发布问卷</a></li>
            </ul>
            <ul class="layui-nav layui-layout-right">
                <li class="layui-nav-item layui-hide layui-show-md-inline-block">
                    <a href="javascript:;">
                        <img src="//tva1.sinaimg.cn/crop.0.0.118.118.180/5db11ff4gw1e77d3nqrv8j203b03cweg.jpg"
                            class="layui-nav-img">
                        我的
                    </a>
                    <dl class="layui-nav-child">
                        <dd><a href="/index/goAdminRevise">修改密码</a></dd>
                        <dd><a href="/views/login.html">注销</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item" lay-header-event="menuRight" lay-unselect>
                    <a href="javascript:;">
                        <i class="layui-icon layui-icon-more-vertical"></i>
                    </a>
                </li>
            </ul>
        </div>

        <div class="layui-side layui-bg-black">
            <div class="layui-side-scroll">
                <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
                <ul class="layui-nav layui-nav-tree" lay-filter="test">
                    <li class="layui-nav-item layui-nav-itemed">
                        <a class="" href="javascript:;">问卷调查</a>
                        <dl class="layui-nav-child">
                            <dd><a href="/index/goAdminQsResult">问卷管理</a></dd>
                        </dl>
                    </li>
                    <li class="layui-nav-item">
                        <a href="javascript:;">用户</a>
                        <dl class="layui-nav-child">
                            <dd><a href="/index/goAdminUserControl" onclick="adminUserControl()">用户管理</a></dd>
                        </dl>
                    </li>
                    <li class="layui-nav-item"><a href="/index/goAboutUs">关于我们</a></li>
                </ul>
            </div>
        </div>

        <div class="layui-body" style="margin-top: 1rem;margin-left: 2rem;">
            <!-- 内容主体区域 -->
            <div class="main">
                <div class="agileinfo_main_grid">
                    <form id="a" action="" method="POST">
                        <div class="styled-input">
                            <label for="title"
                                style="margin-top:-3rem;font-size: 1.5rem;padding-bottom: 10rem;font-family: 华文新魏;">
                                请输入标题：</label>
                            <input type="text" name="title" placeholder="标题" required="" id="title" />
                            <span></span>
                        </div>
                        <div class="styled-input">
                            <label for="remark"
                                style="margin-top:-3rem;font-size: 1.5rem;font-family: 华文新魏;">请输入问卷简介：</label>
                            <input type="text" name="remark" placeholder="简介" required="" id="remark" />
                            <span></span>
                        </div>
                        <div class="topic">
                            <div class="styled-input">
                                <input type="text" name="ProductName" placeholder="请输入第一个问卷问题：" required=""
                                    id="topicOne" />
                                <span></span>
                            </div>
                            <div class="styled-input">
                                <input type="text" name="Phone Number" placeholder="请输入第二个问卷问题：" required=""
                                    id="topicTwo" />
                                <span></span>
                            </div>

                            <div class="styled-input">
                                <input type="text" name="Phone Number" placeholder="请输入第三个问卷问题：" required=""
                                    id="topicThree" />
                                <span></span>
                            </div>

                            <div class="styled-input">
                                <input type="text" name="Phone Number" placeholder="请输入第四个问卷问题：" required=""
                                    id="topicFour" />
                                <span></span>
                            </div>

                            <div class="styled-input">
                                <input type="text" name="Phone Number" placeholder="请输入第五个问卷问题：" required=""
                                    id="topicFive" />
                                <span></span>
                            </div>

                            <div class="styled-input">
                                <input type="text" name="Phone Number" placeholder="请输入第六个问卷问题：" required=""
                                    id="topicSix" />
                                <span></span>
                            </div>

                            <div class="styled-input">
                                <input type="text" name="Phone Number" placeholder="请输入第七个问卷问题：" required=""
                                    id="topicSeven" />
                                <span></span>
                            </div>
                            <div class="styled-input">
                                <input type="text" name="Phone Number" placeholder="请输入第八个问卷问题：" required=""
                                    id="topicEight" />
                                <span></span>
                            </div>
                            <div class="styled-input">
                                <input type="text" name="Phone Number" placeholder="请输入第九个问卷问题：" required=""
                                    id="topicNine" />
                                <span></span>
                            </div>
                            <div class="styled-input">
                                <input type="text" name="Phone Number" placeholder="请输入第十个问卷问题：" required=""
                                    id="topicTen" />
                                <span></span>
                            </div>
                            <div class="clear"></div>
                        </div>
                        <div class="styled-input w3_styled_input_textarea">
                            <textarea name="Review" placeholder="填写备注" required=" "></textarea>
                            <span></span>
                        </div>
                        <input type="button" value="确认" id="bnt-onclick" onclick="submitForm()" />
                        <input type="button" value="取消" id="bnt-onclick" onclick='cancel()' />
                        <label for="" class="errorSubmitForm invisible"
                            style="color: red;"><strong>未完成所有题目，请检查后再提交</strong></label>
                </div>
            </div>

            <div class="layui-footer">
                <!-- 底部固定区域 -->
                底部固定区域
            </div>
        </div>
        <script src="../layui/layui.js"></script>

        <script src="../static/js/canvas-particle.js"></script>
        <script src="../static/js/jquery-3.6.0.min.js"></script>
        <script src="../static/js/bootstrap.min.js"></script>
        <script src="https://cdn.bootcss.com/axios/0.18.0/axios.min.js"></script>
        <script>
            //JS 
            layui.use(['element', 'layer', 'util'], function () {
                var element = layui.element
                    , layer = layui.layer
                    , util = layui.util
                    , $ = layui.$;

                //头部事件
                util.event('lay-header-event', {
                    //左侧菜单事件
                    menuLeft: function (othis) {
                        layer.msg('展开左侧菜单的操作', { icon: 0 });
                    }
                    , menuRight: function () {
                        layer.open({
                            type: 1
                            , content: '<div style="padding: 15px;">处理右侧面板的操作</div>'
                            , area: ['260px', '100%']
                            , offset: 'rt' //右上角
                            , anim: 5
                            , shadeClose: true
                        });
                    }
                });

            });
        </script>
        <script>
            function logout() {
                axios({
                    method: 'post',
                    url: '/logout'
                }).then(function (response) {
                    let res = response.data;
                    if (res.code === 200) {
                        window.location.href = '/login';
                    }
                }).catch((err) => {
                });
            }
        </script>
        <script>
            function cancel() {
                layer.confirm('确定取消发布填写？', {
                    btn: ['确定', '取消'] //可以无限个按钮
                    , btn2: function (index, layero) {
                        //按钮【按钮二】的回调
                    }
                }, function (index, layero) {
                    window.location.href = '/index/goAdminQsResult';
                });
            }


        </script>
        <script>
            function submitForm() {

                var title = $("#title").val();
                if (title === "") {
                    fn_errorSubmitForm("请输入标题")
                } else {
                    var remark = $("#remark").val();
                    if (remark === "") {
                        fn_errorSubmitForm("请填写简介")
                    } else {
                        //第一题判断
                        var topicOne = $("#topicOne").val();
                        // console.log(Question1);
                        // console.log(reg.test(Question1));
                        if (topicOne === "") {
                            //第一题未选择
                            fn_errorSubmitForm("第一题答案未填写");
                        } else {
                            //第二题判断
                            var topicTwo = $("#topicTwo").val();
                            // console.log(Question2);
                            if (topicTwo === "") {
                                //第二题未选择
                                fn_errorSubmitForm("第二题答案未填写");
                            } else {
                                //第三题判断
                                var topicThree = $("#topicThree").val();
                                // console.log(Question3);
                                if (topicThree === "") {
                                    //第三题未选择
                                    fn_errorSubmitForm("第三题答案未填写");
                                } else {
                                    //第四题判断
                                    var topicFour = $("#topicFour").val();
                                    if (topicFour === "") {
                                        //第四题未选择
                                        fn_errorSubmitForm("第四题答案未填写");
                                    } else {
                                        //第五题判断
                                        var topicFive = $("#topicFive").val();
                                        if (topicFive === "") {
                                            //第一题未选择
                                            fn_errorSubmitForm("第五题答案未填写");
                                        } else {
                                            //第六题判断
                                            var topicSix = $("#topicSix").val();
                                            if (topicSix === "") {
                                                //第一题未选择
                                                fn_errorSubmitForm("第六题答案未填写");
                                            } else {
                                                //第七题判断
                                                var topicSeven = $("#topicSeven").val();
                                                if (topicSeven === "") {
                                                    //第七题未选择
                                                    fn_errorSubmitForm("第七题答案未填写");
                                                } else {
                                                    //第八题判断
                                                    var topicEight = $("#topicEight").val();
                                                    if (topicEight === "") {
                                                        //第八题未选择
                                                        fn_errorSubmitForm("第八题答案未填写");
                                                    } else {
                                                        //第九题判断
                                                        var topicNine = $("#topicNine").val();
                                                        if (topicNine === "") {
                                                            //第九题未选择
                                                            fn_errorSubmitForm("第九题答案未填写");
                                                        } else {
                                                            //第十题判断
                                                            var topicTen = $("#topicTen").val();
                                                            // console.log(reg.test(Question1));
                                                            if (topicTen === "") {
                                                                //第十题未选择
                                                                fn_errorSubmitForm("第十题答案未填写");
                                                            } else {
                                                                // console.log(title);
                                                                // console.log(topicOne);
                                                                axios({
                                                                    method: 'post',
                                                                    url: '/index/newCreate',
                                                                    data: {
                                                                        title,
                                                                        remark,
                                                                        topicOne,
                                                                        topicTwo,
                                                                        topicThree,
                                                                        topicFour,
                                                                        topicFive,
                                                                        topicSix,
                                                                        topicSeven,
                                                                        topicEight,
                                                                        topicNine,
                                                                        topicTen,
                                                                    }
                                                                }).then(function (response) {
                                                                    var res = response.data;
                                                                    if (res.code === 200) {
                                                                        window.location.href = '/index/goAdminQsResult';
                                                                    }

                                                                })

                                                            }
                                                            // $("#a").submit(); 
                                                        }
                                                    }
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        </script>
        <script>
            // 用户名下面的错误提示函数
            function fn_errorSubmitForm(errorHint) {
                $('.errorSubmitForm').text(errorHint);
                $('.errorSubmitForm').removeClass('invisible');
                setTimeout(() => {
                    $('.errorSubmitForm').addClass('invisible');
                }, 5000);
            }
        </script>
</body>

</html>